<template>
  <div class="RedLiht">
    <image v-if="value == 2" class="flash" src="@/static/suna.png" alt=""></image>
    <image v-else-if="value == 1" src="@/static/suna.png" alt=""></image>
    <image v-else src="@/static/sunb.png" alt=""></image>
  </div>
</template>
<script>
export default {
  props: {
    value: {
      type: [Number, String],
      default: 0,
    },
  },
  data() {
    return {};
  },
  onLoad(val) {
    this.imei = val.imei;
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.RedLiht {
  width: 90rpx;
  height: 90rpx;
  margin: 0 40rpx 0 60rpx;
  image{
    width: 100%;
    height: 100%;
  }
  .flash {
    animation: blink 0.5s infinite;
  }
  @keyframes blink {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
}
</style>
